@import url( ../../base.css );

/*** global settings ***/
/* these settings should be at the top of the css since they are the defaults and can be overridden further down */
*					{font-family:verdana,'Bitstream Vera Sans',sans-serif;}
body				{color:#666; font-size:10px; margin:0; padding:0em; background:#eee; line-height:1.7em;}
th					{border-bottom:1px solid #ccc;}
hr					{margin:1em 15%; border:0; border-top:1px dashed #999;}
small				{font-size:0.9em;}
a					{color:#f93; text-decoration:none;}
a.external			{background:transparent url( images/external.gif ) no-repeat right; padding-right:13px;}
a:hover				{text-decoration:underline;}


/*** site layout ***/
#header				{padding:0; margin:0; background:#fff; border:solid #ccc; border-width:0px 1px 1px 1px;}
#header .login		{float:left; clear:left; margin:0 0.5em;}
/* the width setting is needed for opera < 7.5 - if you don't care about that, you can remove it */
#bittopbar			{float:left; width:80%;}
/* depending on what layout you choose, you might want to remove this padding */
#content .display,
#content .edit,
#content .list,
#content .admin		{padding:1.5em; margin:0.5em; background:#fff; border:1px solid #ccc}
#footer				{text-align:center; color:#ccc; margin-top:2em;}
#footer a			{color:#ccc; background:transparent;}
#bitprint			{}
#slideshow			{}


/* headings - poor old konqueror needs long description of background stuff */
h1,h2,h3			{font-size:100%; font-weight:bold; padding:0; margin:0;}
h1					{color:#000;}
h2					{color:#444;}
h3					{color:#999;}
#header h1,
#header h3			{line-height:18px; padding:0 2em; margin:0; text-align:right; letter-spacing:3px;}
#header h3			{font-weight:normal;}
.header h1			{color:#8ad;  padding-left:20px; border:1px dashed #ddd; letter-spacing:0.2em;
					background-color:#f9f9f9; background-image:url( images/hh1.gif ); background-position:4px; background-repeat:no-repeat;}
.header h2			{margin:0; letter-spacing:0.2em; font-weight:normal; color:#666;}
.module h3			{color:#9bf; border:1px dashed #ddd; letter-spacing:0.2em; padding-left:20px;
					background-color:#f9f9f9; background-image:url( images/mh3.gif ); background-position:4px; background-repeat:no-repeat;}
#navigation .module h3,
#extra .module h3	{position:relative; left:-2em; width:100%;}


/*** common classes ***/
.date				{color:#ccc;}
.post				{margin:0 0 2em 0;}
.icon				{padding:1px 2px; vertical-align:middle;}
.maketoc			{padding:5px; margin:5px 0; border:1px dotted #aaa; background:#f5f5f5;}
.preview			{border:2px solid #ccc; margin:1em 0.5em; padding:1em 0.5em;}


/*** boxes ***/
.box				{}
.boxcontent			{margin:0.3em 0.5em 0.7em 0.5em;}
.module				{padding:1em; margin:0.5em 1em; background:#fff; border:1px solid #ccc}
.popup				{padding:10px; border:1px solid #ccc;}


/*** menus ***/
#nav li li ul		{margin-top:-25px;}
#nav .head			{color:#999;}
#nav ul .head:visited,
#nav ul .head		{background:#def;}
#nav ul a:visited,
#nav ul a			{color:#666; background:#eee; padding:2px; margin:2px 2px 0 2px; width:auto;}
#nav ul a:hover		{color:#666; background:#fed !important; text-decoration:none;}

.menu .item			{}

/* don't display icons in dropdown menu */
#navigation .menu .icon,
#extra .menu .icon,
#nav .icon			{display:none;}
.hor li li,
.hor li ul			{width:14em;}
.hor li ul			{padding-bottom:2px;}
.hor li li a		{margin:0;}


/*** parsed elements ***/
.bitbar				{border-bottom:1px dashed #ddd;}
.bitbox				{padding:3px; border:1px dashed #ddd; background:#f9f9f9;}
.bittable			{background:#eee;}
.bittable td		{border:1px solid #fff;}


/*** forms ***/
textarea			{}
fieldset			{border:1px dashed #ddd; width:96%; margin:1.5em auto;}
legend				{padding:2px 4px; font-weight:bold; letter-spacing:2px; border:1px dashed #ddd; margin:0 0 1.5em 0;}
.row				{margin:0 0 1em 0;}
.formlabel			{}
.formfeedback		{}
.forminput			{}
.formhelp			{color:#a66;}
.submit				{margin:1em 0;}
.clear				{}
.minifind			{width:auto;}
.minifind fieldset	{border:0;}
.minifind legend	{display:none;}
.minifind fieldset	{padding:0.5em; margin:0;}


/*** data ***/
.data				{}
.odd				{}
.even				{background:#eee;}
.norecords			{}
.find				{}
ul.data li.item		{padding:0.5em; border-bottom:1px dashed #ccc;}
ul.data li.item .thumb	{margin:0 0 1em 1em; border:1px solid #ccc;}


/* tabstyle */
.tabsystem .tabcontainer .tab,
.tabsystem .tabcontainer.tab-hover,
.tabsystem .tabcontainer .tab-active	{top:3px; font:10px verdana,arial,sans-serif; margin:0 3px; padding:4px 5px 1px 5px; background:transparent url( images/tab_shade.png ) repeat-x; border:1px solid #bbb; border-bottom:0;}
.tabsystem .tabcontainer .tab-hover		{padding:3px 5px 1px 5px; border-top:2px solid #f60;}
.tabsystem .tabcontainer .tab-active	{top:1px; margin:0 0px; color:#000; padding:2px 8px 4px 8px; background:#fff; border-top:2px solid #f60;}
.tabsystem .tabpage						{border:1px solid #bbb; margin:0; padding:1em;}


/*** navigation bars and tabs ***/
.navbar				{margin:1em 0;}
.navbar a			{margin:0 5px;}
.selected			{}
.pagination			{}


/*** settings that have to be at the end ***/
.highlight	{}


/* fisheye and themes listing */
.themes ul.data li.item,
.fisheye ul.data li.item		{border:1px solid #ddd; clear:both; margin:0.5em 0px 0.5em 200px; background:#eee;}
.themes ul.data li.item .thumb,
.fisheye ul.data li.item .thumb	{float:left; margin:-20px 0 0 -200px;}
